<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
    // 保存值到cookie中
    document.cookie="name=张三";
    document.cookie = "age=张三; expires=" + new Date( new Date().getTime() + 24*60*60*1000);
    // document.cookie="age=39; height="+ new Data(new Data().getTime()+1*60*1000); 
    //获取cookie的值
    console.log(document.cookie);

    // 封装一个函数，完成下面的功能：传入一个属性名，返回这个属性名对应的值
    function getCookie(key){
       //获取所有的cookie值,定义一个变量用来保存获取到的cookie值
       var data=document.cookie
       //将拿到的数据进行拆分,得到一个数组['name=张三', 'sex=true', 'age=30']
       var arr=data.split("; ")
       console.log(arr);
       //创建一个空对象
       var obj={}
       //将该数组进行遍历
       arr.forEach((item)=>{
           //将得到的数组中的字符串用=进行拆封，将分割后的属性值作为对象的属性值
           //分割后的属性名作为对象的属性名['name', '张三']
           var arrtwo=item.split('=')
           console.log(arrtwo);
           obj[arrtwo[0]]=arrtwo[1]
       })
    //    console.log(obj);
       return obj[key]
    }
    console.log( getCookie('name'));

    // function getCookie(key){
    //     var data=document.cookie
    //     var arr=data.split('; ')
    //     var obj={}
    //     arr.forEach((item)=>{
    //         var arrtwo=item.split('=')
    //         obj[arrtwo[0]]=arrtwo[1]
    //     })
    //     return obj[key]
    // }
    // console.log(getCookie('name'));
</script>